@charset "utf-8";


* {margin:0; padding:0;}
body {background-color:#f3f3f3; font-family:Helvetia, Arial, sans-serif; font-size:13px;}
a {color:#989898; text-decoration:none;}
a:hover {text-decoration:none; font-weight:bold;color:#ea2a7c;}
img {border:0;}
ul {list-style:none;}
.fr { float:right}
.clearfix { zoom:1; }
*html.clearfix { height:1%; }
.clearfix:after { clear:both; content:'/0821'; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }


#wrap {width:950px; margin:0 auto; position:relative; color:#4a4a4a; overflow:hidden;}
#header {width:100%; height:119px; position:relative; background:url("../images/header_bg.gif") bottom left no-repeat;}
#logo {position:absolute; width:90px; height:37px; top:31px; left:0px; background:url("../images/logo.png") no-repeat;}
#logo a {display:block; width:90px; height:37px;}
.topNav { position:absolute; top:29px; right:0px;}
.topNav span.fl { float:right;color:#CCC; margin-right:8px;}
.topNav .fr { margin-top:4px;}
.topNav a { float:right}
.topNav .userInfo {background:url("../images/icon6.gif") no-repeat 0 3px; padding-left:14px; font-weight:bold}
.topNav .userInfo,.topNav .language,.topNav .money { margin-right:15px;}
.topNav .notLogin {width:120px;}
.topNav .notLogin ,.topNav .logined{ float:right}
.topNav .language,.topNav .money { margin-top:0px;}


a#changeMoney,a#changeLanguage {width:68px; height:21px;display:block; background:url(../images/icon7.gif) no-repeat 0 0}
a#changeLanguage.cn { background-position:0 0px;}
a#changeLanguage.cn:hover{ background-position:0 -27px;}
a#changeLanguage.en { background-position:0 -54px;}
a#changeLanguage.en:hover{ background-position:0 -82px;}
a#changeMoney.yang { background-position:0 -109px; }
a#changeMoney.yang:hover { background-position:0 -137px; }
a#changeMoney.dollor { background-position:0 -164px; }
a#changeMoney.dollor:hover { background-position:0 -192px; }


a#cart { width:26px; height:10px;background:url("../images/symbol.gif") no-repeat -197px 0; display:block; margin-top:7px; margin-right:15px;color:#323232; line-height:10px; padding-left:17px;}
a#cart:hover { font-weight:100; color:#ea2a7c; }
a#sign { width:56px; height:21px;background:url("../images/symbol.gif") no-repeat; display:block;}
a#sign:hover {background-position:0 -21px;}
a#sign:active {background-position:0 -42px;}
a#reg {width:62px; height:21px;  background:url("../images/symbol.gif") -56px 0 no-repeat;}
a#reg:hover {background-position:-56px -21px;}
a#reg:active {background-position:-56px -42px;}
a#logout {width:65px; height:21px; display:block; background:url("../images/symbol.gif") no-repeat -125px 0px; text-indent:-99999em}
a#logout:hover { background-position:-125px -21px;}
a#logout:active { background-position:-125px -42px;}
a#aeLink {position:absolute; border:1px solid #f00; width:418px; height:35px; display:block; top:80px; right:0px; border:0; text-indent:-9999em; cursor:pointer}
a#aeLink:hover {background:url("../images/aeLink.gif") no-repeat 0 0;}


#nav {width:520px; height:36px; position:absolute; left:0px; top:84px; clear:both; z-index:999}
#nav ul {width:520px;}
#nav ul li { float:left; height:36px; display:block;line-height:36px; }
#nav ul li a { position:relative; display:block; text-align:center;height:29px;_height:24px; overflow:hidden; margin-top:3px; cursor:pointer; background:url(../images/symbol.gif) no-repeat 0 -80px; text-indent:-9999em;_float:left;}
#nav ul li.back {border-bottom: 3px solid #ea2a7c;border-top: 3px solid #ea2a7c;height: 29px;z-index: 8;position: absolute; cursor:pointer; z-index:-999}

#nav ul li.m1 {width:84px;}
#nav ul li.m2 {width:110px;}
#nav ul li.m3 {width:93px;}
#nav ul li.m4 {width:88px;}
#nav ul li.m5 {width:72px;}

#nav ul li.m1 a {background-position:0px -80px;  width:40px;}
#nav ul li.m2 a {background-position:-84px -80px;  width:65px;}
#nav ul li.m3 a {background-position:-194px -80px; width:44px;}
#nav ul li.m4 a {background-position:-287px -80px; width:36px;}
#nav ul li.m5 a {background-position:-384px -80px; width:70px;}

#nav ul li.current a.a1,#nav ul li a.a1:hover {background-position:0px -115px;  width:40px;}
#nav ul li.current a.a2,#nav ul li a.a2:hover {background-position:-84px -115px;  width:65px;}
#nav ul li.current a.a3,#nav ul li a.a3:hover {background-position:-194px -115px; width:44px;}
#nav ul li.current a.a4,#nav ul li a.a4:hover {background-position:-287px -115px; width:36px;}
#nav ul li.current a.a5,#nav ul li a.a5:hover {background-position:-384px -115px; width:70px;}

/*a#nTab1:hover {background-position:0px -147px;}
a#nTab2:hover {background-position:-84px -147px;}
a#nTab3:hover {background-position:-194px -147px;}
a#nTab4:hover {background-position:-287px -147px;}
a#nTab5:hover {background-position:-375px -147px;}
span#sTab1 {background-position:0px -112px; width:84px;}
span#sTab2 {background-position:-84px -112px; width:110px;}
span#sTab3 {background-position:-194px -112px; width:93px;}
span#sTab4 {background-position:-287px -112px; width:88px;}
span#sTab5 {background-position:-375px -112px; width:130px;}*/


#media {width:100%; margin-top:7px; overflow:hidden;}
#mediaPic {width:586px; height:310px; overflow:hidden; float:left; position:relative}
#mediaPic a { display:block; cursor:pointer; }
#mediaPic span.mask {width:586px; height:310px; display:block; background:url(../images/mask.png) no-repeat 0 0; position:absolute; top:0;left:0px;}
#mediaTxt {width:328px; padding-left:4px; height:310px; float:right; background:url("../images/mediatxt.jpg") no-repeat; position:relative;}
#mediaTxt.yang {background:url("../images/cn/mediatxt.jpg") no-repeat;}
#mediaTxt.dollor {background:url("../images/mediatxt.jpg") no-repeat;}
#mediaTxt h1 {font-family:Helvetia, Arial, sans-serif; padding:22px 0 5px 0;}
#mediaTxt h2 {font-family:Helvetia, Arial, sans-serif; font-size:18px; font-weight:400;}
#vProperty {width:75px; float:left;}
#vProperty ul {margin:0; padding:20px 0 0 0;}
#vProperty ul li {font-size:13px; font-weight:700; color:#6d6d6d; line-height:20px;}
#vValue {width:150px; float:left;}
#vValue ul {margin:0; padding:20px 0 0 0;}
#vValue ul li {font-size:13px; font-weight:400; color:#6d6d6d; line-height:20px;}
#price {width:140px; height:50px; position:absolute; left:14px; bottom:7px; font-size:52px; color:#ea2a7c;}
a.buyBtn {width:170px; height:42px; background:url("../images/symbol.gif") 0 -205px no-repeat; display:block; position:absolute; bottom:8px; right:0px;}
a.buyBtn:hover {background-position:0 -254px;}
a.buyBtn:active {background-position:0 -303px;}
#line {width:950px; height:41px; background:url("../images/symbol.gif") 0 -384px no-repeat;}
.listBox {clear:both; overflow:hidden; width:980px;}
#yang ul li{background:url("../images/cn/symbol_cn.gif") 0 -447px no-repeat;}
#dollor ul li{background:url("../images/symbol.gif") 0 -447px no-repeat;}
.listBox ul li {width:166px; height:173px;padding-bottom:28px; _padding-bottom:0px;background:url("../images/symbol.gif") 0 -447px no-repeat; margin:0 30px 30px 0; float:left;}
.listBox ul li a {width:166px; height:166px; display:block;position:relative; overflow:hidden }
.listBox ul li a:hover { text-decoration:none}
.listBox ul li a span.icon {background:url(../images/hoverBg.png) no-repeat 0px 0px; width:246px; height:246px; display:block; position:absolute;z-index:99; color:#fff; font-size:12px; line-height:1.3em;left:166px; top:166px;}
.listBox ul li a span.icon p {width:142px; margin-left:95px;text-align:right;overflow:hidden}
.listBox ul li a span.icon p.st { font-weight:bold; margin-top:190px;}

.listBox ul li a.hover { cursor:pointer; height:30px;}
.listBox ul li a.hover:hover { font-weight:100}
.listBox ul li a.hover span {font-size:18px; font-weight:normal; height:30px; display:block; line-height:35px;_line-height:30px;color:#ea2a7c; font-family:Helvetica, Arial, sans-serif; margin-left:21px; position:relative;}
.listBox ul li a.hover span div.ico { position:absolute;width:7px; height:8px; display:block; background:url(../images/icon3.gif) no-repeat 0 0; right:10px; top:13px;}

#line2 {width:950px; height:31px; background:url("../images/symbol.gif") 0 -670px no-repeat; margin-bottom:30px; position:relative; }
#line2 a {width:85px; height:31px; display:block; right:-36px; position:absolute; top:-2px; cursor:pointer;}
#line2 a span {width:85px; height:31px; display:block;background:url(../images/icon2.gif) no-repeat center;}
#line2 a span{-webkit-transition: all 0.3s ;
					-moz-transition: all 0.3s ;
					-o-transition: all 0.3s ;
					transition: all 0.3s ease;}
#line2 a:hover span {-moz-transform: rotate(135deg);
					-webkit-transform: rotate(135deg);
					-o-transition: rotate(135deg);
					transition: rotate(135eg);}
					
#line2 a span.ie {background:url(../images/icon1.gif) no-repeat center;}
#foot {width:950px; height:49px; background:url("../images/cn/btBg.gif") 0 0 no-repeat; position:relative; margin:0 auto}
.footWrap { width:100%; height:49px; background-color:#292929;}

a#sina {width:22px; height:49px; display:block; left:0px; top;0; position:absolute;}
a#sina:hover { background:url(../images/btBg.gif) 0px -62px no-repeat}

a#douban {width:21px; height:49px; display:block; left:39px; top;0; position:absolute;}
a#douban:hover { background:url(../images/btBg.gif) -39px -62px no-repeat}

a#twitter {width:24px; height:49px; display:block; left:75px; top;0; position:absolute;}
a#twitter:hover { background:url(../images/btBg.gif) -75px -62px no-repeat}

a#tumblr {width:20px; height:49px; display:block; left:119px; top;0; position:absolute;}
a#tumblr:hover { background:url(../images/btBg.gif) -119px -62px no-repeat}

#foot2 {width:100%; height:49px; background-color:#292929; margin-top:0px; display:none}
a.sina {width:22px; height:49px; display:block; left:0px; top;0; position:absolute;}
a.sina:hover { background:url(../images/cn/btBg.gif) 0px -62px no-repeat}

a.douban {width:21px; height:49px; display:block; left:39px; top;0; position:absolute;}
a.douban:hover { background:url(../images/cn/btBg.gif) -39px -62px no-repeat}

a.twitter {width:24px; height:49px; display:block; left:75px; top;0; position:absolute;}
a.twitter:hover { background:url(../images/cn/btBg.gif) -75px -62px no-repeat}

a.tumblr {width:20px; height:49px; display:block; left:119px; top;0; position:absolute;}
a.tumblr:hover { background:url(../images/cn/btBg.gif) -119px -62px no-repeat}


/******artwork******/
#art {width:100%; margin-top:7px; overflow:hidden;}
#artPic {width:590px; float:left;}
#artPic .jqzoomBox {padding:3px 0 0px 3px;width:588px; height:418px; display:block; border:1px solid #DEE1E4; background-color:#fff}
#artPic .jqzoomBox img {width:585px; height:415px;}
#artTxt {width:330px; overflow:hidden;  float:right; background:url("../images/arttxt.jpg") no-repeat; position:relative;}
#artTxt h1 {font-family:Helvetia, Arial, sans-serif;color:#272727; padding:22px 0 5px 0;}
#artTxt h2 {font-family:Helvetia, Arial, sans-serif; font-size:18px; font-weight:400;}
#artTxt h2 a{color:#323232}
#artTxt h2 a:hover { font-weight:100}
#artTxt h2 a span { float:left}
#artTxt h2 a span.ico{width:8px; height:14px; display:block; float:left; background:url(../images/icon1.gif) no-repeat right 0; margin:3px 0 0 10px;}

#artTxt .subtitle { padding-left:25px; margin-top:10px; background:no-repeat; }
#artTxt div.icn1 { background-image:url(../images/icn1.jpg); }
#artTxt div.icn2 { background-image:url(../images/icn2.jpg); }
#artTxt .subtitle a.kuang,
#artTxt .subtitle a.kuang_on { display:block; float:right; margin-right:210px; width:16px; height:16px; background:url(../images/checker.jpg) no-repeat 0 -16px;  }
#artTxt .subtitle a.kuang_on { background-position:0 0; }

#artTxt .size_options .option,
#artTxt .size_options .option_on { display:block; height:28px; margin-top:4px; background:url(../images/size_options.jpg) no-repeat; }
#artTxt .size_options .option_on { background-position:0 -60px; }
#artTxt .size_options .option:hover { background-position:0 -30px; }
#artTxt .size_options span { display:block; float:left; height:28px; line-height:28px; }
#artTxt .size_options .option_on span { color:white; }
#artTxt .size_options span.title { padding-left:64px; width:90px; }
#artTxt .size_options span.limit { width:40px; text-align:right; }
#artTxt .size_options span.money { padding-left:74px; width:60px; }
#artTxt .size_options span.kuang_0 {}
#artTxt .size_options span.kuang_1 { display:none; }

.hoverIco span.ico{-webkit-transition: all 0.3s linear;
					-moz-transition: all 0.3s linear;
					-o-transition: all 0.3s linear;
					transition: all 0.3s linear;}
.hoverIco:hover span.ico {-moz-transform: rotate(-135deg);
					-webkit-transform: rotate(-135deg);
					-o-transition: rotate(-135deg);
					transition: rotate(-135deg);}
					
.hoverIco a span.ie {background:url(../images/icon2.gif) no-repeat center;width:8px; height:14px; display:block; float:left; margin:3px 0 0 10px;}



.price {width:140px; height:50px; position:absolute; left:14px; bottom:7px; font-size:48px; color:#ea2a7c;}
a#buyBtn {width:170px; height:42px; background:url("../images/symbol.gif") 0 -205px no-repeat; display:block; position:absolute; bottom:8px; right:1px;}
a#buyBtn:hover {background-position:0 -254px;}
.line {width:526px; height:11px; background:url("../images/line.gif") no-repeat;}
.line1 {width:245px; float:right}
#tb {color:#6d6d6d; line-height:18px; padding-top:10px; height:auto; overflow:hidden}

#tb span {font-weight:700;}
#tb .td1 {width:80px;}
#tb .td2 a {color:#ea2b7d; font-weight:100}
#tb .ico a span{ float:left;font-weight:100}
#tb .ico a span.ico{width:8px; height:14px; display:block; float:left; background:url(../images/icon1.gif) no-repeat right 0; margin:2px 0 0 10px;}

#buyBox {position:relative; width:100%; height:150px; float:left}
#s {width:23px; height:38px; position:absolute; left:0px; background:url("../images/symbol.gif") right top no-repeat;}
#s.yang{background:url("../images/cn/symbol_cn.gif") right top no-repeat;}
#s.dollor{background:url("../images/symbol.gif") right top no-repeat;}

.p2 {width:140px; height:50px; position:absolute; font-size:52px; color:#ea2a7c; left:23px; top:2px;}
#buyTxt {width:300px; height:20px; position:absolute; left:4px; top:66px; }
#buyTxt span {color:#323232; font-weight:700;}
#buyTxt input {background:url("../images/symbol.gif") right -41px no-repeat; width:52px; height:20px; border:0; margin-right:20px;}
#buyTxt span.num { font-size:18px; color:#ea2a7c; font-style:italic; font-weight:100; position:absolute; left:190px; top:0px; }
#buyTxt span.limited {width:46px; height:18px; display:inline-block; background:url(../images/limited.gif) no-repeat 0 0; position:absolute; left:141px; top:2px; }
.buyBtn2 {left:0; bottom:2px; width:170px; height:42px; background:url("../images/symbol.gif") 0 -205px no-repeat; display:block; position:absolute; }
a.buyBtn2:hover {background-position:0 -254px;}
a.buyBtn2:active {background-position:0 -303px;}
.cart {left:292px; bottom:2px; width:167px; height:40px; background:url("../images/symbol.gif") right -73px no-repeat; display:block; position:absolute; }
a.cart:hover {background-position:right -118px;}
#userBox {width:100%; overflow:hidden; clear:both;}
#user {width:120px; float:left; height:120px;padding:5px; border:1px solid #B8B8B8; background-color:#fff; position:relative}
#user img {width:120px; height:120px; border:none}
.logo {width:36px; height:36px; background:url("../images/icon5.png") no-repeat 0 0; position:absolute; top:5px; left:5px;}
.artDetail  .logo { top:5px;}
#intro {width:790px; float:right;}
#intro h1 a{ font-weight:normal; color:#323232}
#intro div {color:#6d6d6d; line-height:18px;}
#artTit {width:100%; margin-top:30px; font-size:16px; line-height:36px;}
#artTit span {color:#ea2a7c;}
.list2 {height:auto;}


.artDetail { margin-top:20px;}
.artDetail #user {width:230px; float:left; height:240px;padding:5px; position:relative;background:url("../images/userbg.jpg") no-repeat 0 0; border:none}
.artDetail #user img {width:220px; height:220px; border:none}

.artDetail #intro {width:690px; float:right;}


#imgBox {width:410px; overflow:hidden; clear:both}
#imgBox ul {margin:0; padding:8px 0 0 0;}
#imgBox ul li {float:left; margin-right:17px;}
#imgBox ul li a {width:62px; height:62px; display:block; cursor:pointer; padding:7px 0 0 3px; }
#imgBox ul li a img  {width:59px; height:59px;}
#imgBox ul li a.now {background:url("../images/symbol.gif") -398px -780px; top no-repeat;}


.sort { margin:20px 0; border-bottom:1px solid #adadad; padding-bottom:10px;}
.sort span {font-weight:bold; color:#323232}
.sort a{width:80px; text-align:center; display:inline-block;font-weight:normal;text-decoration:none; color:#323232; cursor:pointer}
.sort a.now {color:#ea2a7c;font-weight:bold}
.sort a:hover  { text-decoration:none; font-weight:normal;color:#ea2a7c;}
.sort a.topV { margin-left:-10px;}
.artlist  a { padding:0 10px; }
.artistList { height:auto}
.artistList ul li { background-image:none; border-bottom:none}
.artistList ul li a{width:166px; height:175px; background:url("../images/symbol.gif") -173px -447px no-repeat; display:block }
.artistList ul li a img {width:156px; height:156px; margin:5px 0 0 5px;}
.artistList ul li p.name { font-weight:bold; color:#323232; line-height:20px;}


.content { margin-top:20px;}
.content .conLeft {width:150px; float:left;overflow:hidden}
.content .conLeft .filter h2 {width:150px; height:29px; text-indent:-999em; background:url(../images/symbol.gif) no-repeat 0 0 }
.content .conLeft .filter ul { padding-top:5px; background-color:#fff}
.content .conLeft .filter ul li { margin:2px 0}
.content .conLeft .filter ul li.all { font-weight:bold; font-size:12px;}
.content .conLeft .filter ul li a {width:148px; height:23px; display:block; line-height:23px; margin:0 auto; cursor:pointer; text-indent:15px;color:#323232; font-weight:normal}
.content .conLeft .filter ul li a:hover { background-color:#E9ECEE}
.content .conLeft .filter ul li a.selected { background:url(../images/symbol.gif) no-repeat -250px -352px; }
.content .conLeft .byCate h2 { background-position:-175px -205px;}
.content .conLeft .byArtist h2 { background-position:-175px -240px;}
.content .conLeft .byPrice h2 { background-position:-175px -275px;}
.content .conLeft .byYear h2 { background-position:-175px -310px;}


.content .conRight {width:755px; float:right; overflow:hidden}
.content .conRight .sort { margin-top:0}
.content .conRight .listBox {width:792px;}


/*Sign In*/
.form .inner { margin:80px 0 0 40px;}
.form .inner div { height:30px;  display:block; overflow:hidden; margin-bottom:18px;}
.form .inner div span.title {width:75px; height:30px; line-height:30px;display:block; float:left; overflow:hidden; font-weight:bold}
.form .inner div.input { position:relative; overflow:visible}
.form .inner div.input span.status{ position:absolute; left:145px; bottom:-15px;}
.form .inner div.input span.erro { color:#ea2b7d}
.form .inner div.input span.sucss { color:#090}
.form .inner div.input input {  border:none;width:233px; height:30px;padding:0 5px;line-height:30px; background:none; float:left;outline:none; background:url(../images/inBg.png) no-repeat 0px  2px;}
.form .inner div.input input.focus { background-position:0px -34px; }
.form .inner div.btn { height:45px;}

.signIn {width:407px; height:262px; background:url(../images/signInBg.jpg) no-repeat 0 0; display:block; overflow:hidden; margin:100px auto 0 auto}
.signTxt { margin:20px 0 140px 270px; font-size:14px; height:21px; position:relative}
.signTxt span {color:#ea2b7d; font-weight:bold; margin-right:5px;}
.signTxt a {width:65px; height:21px; display:inline-block; background:url(../images/symbol.gif) no-repeat -125px 0; cursor:pointer; position:absolute; left:230px; top:-3px;}
.signTxt span.font { font-style:italic; font-size:16px; margin-left:4px;}
.signTxt span.ps { margin-left:85px; color:#323232; font-weight:100}

.signIn .inner div.btn  { margin-top:30px;}
.signIn .inner div.btn input {width:170px; height:42px; display:block; border:none; background:url(../images/symbol.gif) no-repeat -335px -206px; cursor:pointer}
.signIn .inner div.btn input:hover {background-position:-335px -255px;}
.signIn .inner div.btn input:active {background-position:-335px -304px;}
.signIn .inner div.input span.status { left:85px;}

.register {width:560px; height:395px; background:url(../images/regBg.jpg) no-repeat 0 0; display:block; overflow:hidden; margin:100px auto 80px auto}
.register .inner { margin:70px 0 0 40px;}
.register .inner div.input { margin-bottom:22px;}
.register .inner div span.title {width:140px;}
.register .inner div.regTxt { margin:0; overflow:visible;color:#323232;}
.register .inner div.regTxt a { left:335px;} 
.register .inner div.regTxt a.si { background-position:-197px -42px;} 
.register .inner div.btn { margin-top:30px;}
.register .inner div.btn input {width:170px; height:42px; display:block; border:none; background:url(../images/symbol.gif) no-repeat -515px -206px; cursor:pointer}
.register .inner div.btn input:hover {background-position:-515px -255px;}
.register .inner div.btn input:active {background-position:-515px -304px;}



.pay {width:675px; margin:40px auto}
.pay h2 {width:675px; height:27px; overflow:hidden; background:url(../images/payTit.gif) no-repeat 0 0;}
.pay table { margin-top:18px; background-color:#C5C5C5;}
.pay table tr td { text-align:center;background-color:#fff}
.pay table tr.head td { background-color:#787878; color:#fff; height:30px; font-weight:bold;  line-height:30px;}
.pay table tr.head td.t0 {width:auto}
.pay table tr.head td.t90 {width:90px}
.pay table tr.head td.t80 {width:80px}
.pay table tr.head td.t60 {width:60px}

.pay table tr.item td {height:55px; vertical-align:middle}
.pay table tr.item td img {width:50px; height:50px; float:left; margin-left:35px; margin-right:10px;}
.pay table tr.item td span.title { display:inline-block; float:left; height:50px; line-height:50px;}
.pay table tr.item td a {color:#323232; cursor:pointer}
.pay table tr.item td.qt a {width:13px; height:13px; display:block; float:left; overflow:hidden; background:url(../images/icon.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer;}
.pay table tr.item td.qt span { float:left}
.pay table tr.item td.qt a.minus { margin-right:10px; margin-left:10px;_margin-left:5px;}
.pay table tr.item td.qt a.plus { margin-left:15px; background-position:0 -13px;}
.pay table tr.item td.del a {width:13px; height:13px; display:block; background:url(../images/icon.gif) no-repeat -18px 0; display:inline-block; cursor:pointer}
.pay table tr.item td a.kuang,
.pay table tr.item td a.kuang_on { display:block; width:42px; height:16px; line-height:18px; text-indent:18px; margin-left:10px; background:url(../images/checker.jpg) no-repeat 0 -16px; }
.pay table tr.item td a.kuang_on { background-position:0 0; }

.pay table tr.foot { font-size:16px; font-weight:bold; text-align:right}
.pay table tr.foot td { text-align:right; padding:10px; padding-right:30px;}
.pay table tr.foot td span {color:#ea2b7d;}


.pay .btn { margin:20px 0}
.pay .btn a {width:170px; height:42px; display:block; background:url(../images/symbol.gif) no-repeat; cursor:pointer}
.pay .btn a.continue { background-position:-349px -447px; float:left}
.pay .btn a.continue:hover {background-position:-349px -498px;}
.pay .btn a.continue:active {background-position:-349px -551px;}
.pay .btn a.checkout { background-position:-695px -206px; float:right}
.pay .btn a.checkout:hover {background-position:-695px -255px;}
.pay .btn a.checkout:active {background-position:-695px -304px;}


.pay2 h2 { background-position:0 -27px; margin-bottom:20px;}

.pay2 table { margin-top:0px;}
.pay2 table tr.head td { background-color:#ADADAD; height:25px;line-height:25px; }
.pay2 .box { width:674px; overflow:hidden; margin:0px 0 10px 0; background-color:#fff}
.pay2 .box h3 {width:674px; height:27px; background:url(../images/h3Tit.gif) no-repeat 0 0 }
.pay2 .payment h3 { background-position:0 -27px;}
.pay2 .shipping h3 { background-position:0 -54px;}
.pay2 .goods h3 { background-position:0 -81px;}
.pay2 .box .inBox {border:1px solid #C5C5C5; padding:20px 46px;;}
.pay2 .box .inBox .form .inner { margin-top:0px;}
.pay2 .box .inBox .form .inner div.input { margin-bottom:5px;}
.pay2 .box .inBox .form .inner div.input span.title {width:110px; font-weight:100; padding-right:20px; text-align:right}
.pay2 .payment .inBox .inner { height:23px;margin-top:10px; }
.pay2 .payment .inBox label { margin-right:270px; position:relative;}
.pay2 .payment .inBox label img { position:absolute; left:20px;top:-10px;}
.pay2 .shipping .inBox label { margin-right:30px; margin-top:10px;width:260px; height:33px;float:right; position:relative;}
.pay2 .shipping .inBox label input { position:absolute; top:10px; left:0px;}
.pay2 .shipping .inBox label img{ margin-left:20px; float:left;}
.pay2 .shipping .inBox label div { float:left; line-height:30px; margin-left:10px; font-weight:bold}
.pay2 .shipping .inBox label div span {color:#ea2b7d}
.pay2 .btn a.back { background-position:-525px -447px; float:left}
.pay2 .btn a.back:hover {background-position:-525px -498px;}
.pay2 .btn a.back:active {background-position:-525px -551px;}
.pay2 .btn a.submit { background-position:-705px -447px; float:right}
.pay2 .btn a.submit:hover {background-position:-705px -498px;}
.pay2 .btn a.submit:active {background-position:-705px -551px;}


.pay3 h2 { background-position:0 -54px; margin-bottom:20px;}
.pay3 .orderInfo {width:674px; height:327px; background:url(../images/orderInfo.jpg) no-repeat 0 0; position:relative; overflow:hidden}
.pay3 .orderInfo .inner { margin:60px 0 0 20px;}
.pay3 .orderInfo .inner .info {  height:20px; line-height:20px;}
.pay3 .orderInfo .inner .info span.title {font-weight:bold; width:120px; margin-right:10px; display:inline-block; text-align:right; font-style:italic}
.pay3 .orderInfo .inner .payment { position:absolute; left:30px; bottom:40px;}
.pay3 .orderInfo .inner .shipping { position:absolute; left:355px; bottom:40px;}
.pay3 .goods h3 {width:674px; height:27px; background:url(../images/h3Tit.gif) no-repeat 0 -81px}
.pay3 .goods table { margin-top:0}
.pay3 .btn a.back { background-position:-525px -447px; float:left}
.pay3 .btn a.back:hover {background-position:-525px -498px;}
.pay3 .btn a.back:active {background-position:-525px -551px;}
.pay3 .btn a.confirm { background-position:-602px -73px; float:right}
.pay3 .btn a.confirm:hover {background-position:-602px -119px;}
.pay3 .btn a.confirm:active {background-position:-602px -163px;}

.pay2 table tr.item td a.kuang,
.pay2 table tr.item td a.kuang_on,
.pay3 table tr.item td a.kuang,
.pay3 table tr.item td a.kuang_on { width:16px; margin-left:24px; }


.elment {width:678px; height:972px; margin:20px auto; background:url(../images/enrollment.jpg) no-repeat 0 0; position:relative; overflow:hidden}
.elment .inner { margin-top:269px; margin-left:172px; position:relative;color:#9A9A9A}
.elment .inner input.in { height:24px;width:260px; border:1px solid #9A9A9A;border-radius:4px;  outline:none;-webkit-transition: box-shadow 0.20s ease-in-out; -moz-transition:  box-shadow 0.2s ease-in-out;color:#9A9A9A; line-height:24px; }
.elment .inner input.in:focus {box-shadow: 0 0 8px rgba(236, 94, 115, 1); outline:none; }
.elment .inner input.upload {width:86px; height:21px; cursor:pointer; border:none; background:url(../images/elbtn.gif) no-repeat 0 -29px;}
.elment .inner input.uploaded {background-position:0 0;}
.elment .inner span.loading{width:86px; height:7px; display:inline-block; background:url(../images/S-loading.gif) no-repeat 0 0}
.elment .inner div span.ico {width:17px; height:17px; display:inline-block; background:url(../images/icon4.png) no-repeat 0 3px; position:absolute; right:-30px; top:3px;}
.elment .inner input.file {width:340px;color:#9A9A9A}
.elment .inner textarea { height:24px;width:260px;border:1px solid #9A9A9A;border-radius:4px;  outline:none;-webkit-transition: box-shadow 0.20s ease-in-out; -moz-transition:  box-shadow 0.2s ease-in-out;color:#9A9A9A;overflow:hidden; resize:none}
.elment .inner textarea:focus {box-shadow: 0 0 8px rgba(236, 94, 115, 1); outline:none; }
.elment .inner .name { position:absolute;top:0px;}
.elment .inner .name input.short {width:130px; margin-right:140px;}
.elment .inner div span.stat { margin-left:5px; color:#ea2a7c}
.elment .inner .mobile {position:absolute;top:37px;}
.elment .inner .email {position:absolute;top:73px;}
.elment .inner .photo {position:absolute;top:110px;}
.elment .inner .photo p { margin-bottom:10px;}
.elment .inner .txt {position:absolute;top:182px;}
.elment .inner .link {position:absolute;top:220px;}
.elment .inner .link textarea{width:425px; height:65px; }
.elment .inner .desc {position:absolute;top:305px;}
.elment .inner .desc textarea{width:425px; height:134px; }
.elment .inner .w1 {position:absolute;top:497px;}
.elment .inner .w2 {position:absolute;top:525px;}
.elment .inner .w3 {position:absolute;top:553px;}
.elment .inner .btn {position:absolute;top:625px;}
.elment .inner .btn input {width:170px; height:42px; border:none;background:url(../images/symbol.gif) no-repeat -349px -600px; cursor:pointer; margin-left:86px;}
.elment .inner .btn input:hover { background-position:-525px -600px}
.elment .inner .btn input:active { background-position:-705px -600px}


.aboutUs {width:100%; height:973px; background:url(../images/about.jpg) no-repeat center 38px; display:none; margin:0 auto}
.aboutUs .goBack{width:100%; height:37px; display:block;background:url(../images/abtou_back.jpg) no-repeat center 0 #323232;}
.aboutUs .goBack .inner {width:950px; margin:0 auto}
.aboutUs .goBack .inner a {width:90px; height:38px; display:block; float:right; cursor:pointer}

.about {width:950px; height:950px; background:url(../images/about.jpg) 0 0px;}
